import {createRouter, createWebHistory} from 'vue-router'
import Home from '../views/Home.vue'

const routes = [{
  path: '/',
  name: 'Home',
  component: Home,
  meta: {
    icon: 'ri-home-line',
    transitionName: 'fade',
    transitionMode: ''
  }
}, {
  path: '/game',
  name: 'Game',
  component: () => import('@/views/Game.vue'),
  meta: {
    icon: 'ri-gamepad-line',
    transitionName: 'slide',
  }
}, {
  path: '/message',
  name: 'Message',
  component: () => import('@/views/Message.vue'),
  meta: {
    icon: 'ri-message-3-line',
    transitionName: 'slide',
  }
}, {
  path: '/about',
  name: 'About',
  component: () => import('@/views/About.vue'),
  meta: {
    icon: 'ri-braces-line',
    transitionName: 'slide',
  }
}, {
  path: '/user',
  name: 'User',
  component: () => import('@/views/User.vue'),
  meta: {
    icon: 'ri-user-line',
    transitionName: 'slide',
  }
}, {
  path: '/settings',
  name: 'Settings',
  component: () => import('@/views/Settings.vue'),
  meta: {
    icon: 'ri-settings-4-line',
    transitionName: 'slide',
  }
}]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export {routes, router}
export default router
